:root {
	--layout-padding: 6vw;
	--font-size: 14px;
	--icon-margins: 46px;
	font-size: var(--font-size);
	--padding-with: 20px;
	--menu-max-width: 60%;
	--music-player-height: 60px;
}

.ant-btn {
	padding: 4px 15px;
	font-size: var(--font-size);
}

@media (max-width: 1860px) and (min-width: 1560px) {
	:root {
		--layout-padding: 4vw;
		--icon-margins: 43px;
		--font-size: 13px;
		font-size: var(--font-size);
		--padding-with: 18px;
		--menu-max-width: 55%;
	}

	.ant-btn {
		padding: 3px 12px;
	}
}

@media (max-width: 1560px) and (min-width: 1260px) {
	:root {
		--layout-padding: 2vw;
		--icon-margins: 40px;
		--font-size: 12px;
		font-size: var(--font-size);
		--padding-with: 16px;
		--menu-max-width: 50%;
	}

	.ant-btn {
		padding: 2px 10px;
	}
}

@media (max-width: 1260px) {
	:root {
		--layout-padding: 0vw;
		--icon-margins: 37px;
		--font-size: 11px;
		font-size: var(--font-size);
		--padding-with: 14px;
		--menu-max-width: 45%;
	}

	.ant-btn {
		padding: 1px 8px;
	}
}
